<template>
  <div class="swiper-container">
        <div class="swiper-wrapper" >
            <slot name="movieSwiper"></slot>
            <!-- <div class="swiper-slide"><img src="https://pic.maizuo.com/usr/movie/e70b0033a554abbf033dfa899a958861.jpg" style="height:200px;width:100%" alt=""></div>
            <div class="swiper-slide"><img src="https://pic.maizuo.com/usr/movie/e70b0033a554abbf033dfa899a958861.jpg" style="height:200px;width:100%" alt=""></div>
            <div class="swiper-slide"><img src="https://pic.maizuo.com/usr/movie/e70b0033a554abbf033dfa899a958861.jpg" style="height:200px;width:100%" alt=""></div> -->
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</template>

<script>
import Swiper from "swiper/swiper-bundle.min.js"//引入js
import "swiper/swiper-bundle.min.css"//引入css
export default {
        updated(){
                new Swiper(".swiper-container",{
                    loop:true,
                    autoplay: {
                        disableOnInteraction: false,
                    },
                    // 如果需要分页器
                    pagination: {
                        el: '.swiper-pagination',
                    },
                })
            }
        }

</script>
<style lang="scss">
.swiper-pagination-bullet{
    background: #fff;
}
.swiper-pagination-bullet-active{
    background: #fff;
}
</style>
